<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SOD專案一覽</title>
    <link rel="icon" href="__PUBLIC__/images/compallogo.png" type="image/x-icon">
    <link rel="stylesheet" href='__PUBLIC__/css/bootstrap.min.css'>
    <link rel="stylesheet" href="__PUBLIC__/css/layui.css">
    <link rel="stylesheet" href="__PUBLIC__/css/index.css">
    <script type="text/javascript" src="__PUBLIC__/js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layui.all.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/element.js"></script>
</head>
<style>
    .ct{
        width:650px;
        height:600px;
        margin:0 auto;
    }
    .layui-carousel{
        margin-top: 50px;
    }
    .layui-carousel img{
        height:600px;
        width:650px;
    }
</style>
<body>
    <ul class="layui-nav" lay-filter="">

        <li class="layui-nav-item "><a href="#" style="font-size: 20px;text-decoration: none">Compal SOD Software Management System</a></li>
        <ul class="layui-nav layui-layout-right" lay-filter="">
            <li class="layui-nav-item" >
                <a href=""><img src="/tp5/public/static/images/tx.jpg" class="layui-nav-img">{$Think.session.username}</a>
                <dl class="layui-nav-child">
                    <!--<dd><a href="javascript:;">修改信息</a></dd>-->
                    <!--<dd><a href="javascript:;">安全管理</a></dd>-->
                    <dd><a href="/login">退了</a></dd>
                </dl>
            </li>
        </ul>
    </ul>
    <div class="ct">
           
          <div class="layui-carousel" id="sod_carousel">
            <div carousel-item="">
              <div><img src="__PUBLIC__/images/project/2020.jpg"></div>
              <div><img src="__PUBLIC__/images/project/2019.jpg"></div>
              <div><img src="__PUBLIC__/images/project/2018.jpg"></div>
              <div><img src="__PUBLIC__/images/project/2017.jpg"></div>
              
            </div>
          </div>
    </div>
</body>
<script>
     layui.use(['element','carousel'], function(){
        let element = layui.element;
        element.init();
        //…
        let carousel = layui.carousel;
        carousel.render({
            elem: '#sod_carousel'
            ,width: '650px'
            ,height: '600px'
            ,interval: 3000
  });
    });
</script>
</html>